<!DOCTYPE html>
<!--[if IE 8]>
<html lang="zh-CN" class="ie8" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh-cmn-Hans-CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<!--<![endif]-->
<head th:replace="head :: common_header(~{::title},~{::link})">
    <title>庭审信息管理平台-首页</title>
    <!-- ================== BEGIN PAGE LEVEL CSS STYLE ================== -->
    <link rel="stylesheet" type="text/css" th:href="@{/assets/plugins/bootstrap-table/bootstrap-table.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/assets/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/loading.css}">
    <link rel="stylesheet" th:href="@{/assets/css/sys_equipment_management.css}"/>
    <!-- ================== END PAGE LEVEL CSS STYLE ================== -->
</head>
<body>

<!--loading 加载层-->
<div th:replace="~{head :: loading}"></div>
<!-- begin #page-container -->
<div id="page-container" class="page-container fade page-without-sidebar">
    <!-- begin #header -->
    <div th:replace="~{head.html :: head_nav(${session.user.realName})}"></div>

    <!-- begin #content -->
    <div id="content" class="content">
        <!-- begin breadcrumb -->
        <ol class="breadcrumb cmp-breadcrumb">
            <li>
                <a th:href="@{/index.html}"><i class="fa fa-home fa-lg"></i><span
                        class="context-span">&nbsp;主页</span></a>
            </li>
            <li>
                <a href="javascript:base.back();"><i class="fa  fa-arrow-left fa-lg"></i><span class="context-span">&nbsp;后退</span></a>
            </li>
            <li class="active">
                <a href="javascript:location.reload();"><i class="fa fa-refresh fa-lg"></i><span class="context-span">&nbsp;法庭实况</span></a>
            </li>
        </ol>
        <!-- end breadcrumb -->
        <div class="panel cmp-panel">
            <div class="panel-body">
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="tab-span" id="sys_court_status"><a href="sys_court_status.html" th:href="@{/system_monitor/sys_court_status}"><span>法庭状态</span></a></li>
                    <li role="presentation" class="tab-span" id="sys_server_status"><a href="javascript:void(0);" th:href="@{/system_monitor/sys_server_status}"><span>服务器状态</span></a></li>
                    <li role="presentation" class="active tab-span" id="sys_equipment_management"><a href="sys_equipment_management.html" th:href="@{/system_monitor/sys_equipment_management}"><span>设备管理</span></a></li>
                </ul>
                <div class="">
                    <div class="well">
                        <div class="row">
                            <form class="form-horizontal" role="form" id="_form">
                                <div class="form-group form-no-margin">
                                    <label for="parentCourtList" class="col-md-1 col-xs-4 text-right">所属法院：</label>
                                    <div class="col-md-2 col-xs-8">
                                        <select id="parentCourtList" title="" class="form-control"
                                                name="courtUid"></select>
                                    </div>
                                    <label for="search_courtequipment_input"
                                           class="col-md-1 col-xs-4 text-right">法庭名称：</label>
                                    <div class="col-md-2 col-xs-8">
                                        <div class="input-group">
                                            <input type="text" id="search_courtequipment_input" name="courtName"
                                                   class="form-control" placeholder="请输入法庭名称">
                                            <span class="input-group-addon" id="_search_eq"><i class="fa fa-search"
                                                                                               style="color: #333333"></i></span>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-xs-4">
                                        <button type="button" class="btn btn-cmp-distinct" id="add_courtequipment_btn">
                                            <i class="fa fa-plus"></i>添加
                                        </button>
                                    </div>
                                    <div class="col-md-1 col-xs-4">
                                        <button type="button" class="btn btn-cmp-distinct" id="_export"><i
                                                class="fa fa-save"></i>导出
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class=" ">
                        <div class="row">
                            <!-- 				                		<div class="col-md-2 col-sm-12"></div> -->
                            <div class="col-md-12 col-sm-12" id="tableDivId2">
                                <table id="table2" class="table table-bordered context-span context-white cursor-hand">
                                </table>
                            </div>
                        </div>
                    </div>
                    <div id="_page_eq">
                    </div>
                </div>
                <!--</div>-->
                <!--</div>-->
                <!--</div>-->
                <!--法庭设置编辑对话框-->
                <div class="modal fade bs-example-modal-lg" id="_editCourtInfo" tabindex="-1" role="dialog"
                     aria-labelledby="mySmallModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <div class="modal-body">
                                <form class="form-horizontal" role="form" id="form">
                                    <div class="form-group">
                                        <label for="inputEmail3" class="col-md-2 col-xs-4 control-label">法庭名称:</label>
                                        <div class="col-md-3 col-xs-12">
                                            <input type="text" class="form-control courtNameForSetting" id="inputEmail3"
                                                   placeholder="请输入法庭名称">
                                        </div>
                                        <label for="court_room_type"
                                               class="col-md-2 col-xs-4 control-label">法庭类型:</label>
                                        <div class="col-md-3 col-xs-12">
                                            <select id="court_room_type" class="form-control court_room_type">
                                                <option>法庭类型</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group channel" id="_stream_form">
                                        <label for="channelNameForStream"
                                               class="col-md-2 col-xs-4 control-label">通道名称:</label>
                                        <div class="col-md-3 col-xs-12">
                                            <input type="text" class="form-control channelNameForStream"
                                                   id="channelNameForStream" placeholder="请输入通道名称">
                                        </div>
                                        <label for="streamNameForStream"
                                               class="col-md-2 col-xs-4 control-label">直播流地址:</label>
                                        <div class="col-md-3 col-xs-12">
                                            <input type="text" class="form-control streamNameForStream"
                                                   id="streamNameForStream" placeholder="请输入直播流地址">
                                        </div>
                                        <i class="fa fa-plus-square-o fa-2x fa-fw cursor-hand"></i>
                                    </div>

                                    <div class="form-group">
                                        <label for="avdevice" class="col-md-2 col-xs-6 control-label">是否录音录像设备:</label>
                                        <div class="col-md-3 col-xs-12">
                                            <select id="avdevice" class="form-control avdevice">
                                                <option value="1">是</option>
                                                <option value="2">否</option>
                                            </select>
                                        </div>
                                        <label for="devicetype"
                                               class="col-md-2 col-xs-6 control-label">录音录像设备类型:</label>
                                        <div class="col-md-3 col-xs-12">
                                            <select id="devicetype" class="form-control devicetype">
                                                <option value="1">是</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-5 col-xs-12">
                                        </div>
                                        <label for="activestatus"
                                               class="col-md-2 col-xs-6 control-label">是否正常使用:</label>
                                        <div class="col-md-3 col-xs-12">
                                            <select id="activestatus" class="form-control activestatus" title="">
                                                <option value="1">是</option>
                                                <option value="2">否</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="clearNameForSetting"
                                               class="col-md-2 col-xs-6 control-label">清晰度:</label>
                                        <div class="col-md-3 col-xs-12">
                                            <select id="clearNameForSetting" class="form-control clearNameForSetting"
                                                    title="">
                                                <option>高清</option>
                                                <option>标清</option>
                                            </select>
                                        </div>
                                        <label for="venderForStream" class="col-md-2 col-xs-6 control-label">厂商:</label>
                                        <div class="col-md-3 col-xs-12">
                                            <select id="venderForStream" class="form-control venderForStream" title="">
                                                <option value="1">和兴宏图</option>
                                            </select>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="modal-footer">
                                <input type="hidden" value="" id="_cid">
                                <button type="reset" class="btn btn-cmp-distinct" data-dismiss="modal" name="reset">取消
                                </button>
                                <button type="button" class="btn btn-cmp-distinct" onclick="update_court_btn()">保存
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <div hidden="hidden" id="_stream_div" class="temp-div">
                    <div class="form-group channel temp-div">
                        <label for="channelNameForStream" class="col-md-2 col-xs-4 control-label">通道名称:</label>
                        <div class="col-md-3 col-xs-12">
                            <input type="text" class="form-control channelNameForStream" placeholder="请输入通道名称" value="">
                        </div>
                        <label for="streamNameForStream" class="col-md-2 col-xs-4 control-label">直播流地址:</label>
                        <div class="col-md-3 col-xs-12">
                            <input type="text" class="form-control streamNameForStream" placeholder="请输入直播流地址" value="">
                        </div>
                        <i class="fa fa-minus-square-o fa-2x fa-fw cursor-hand"></i>
                    </div>
                </div>
                <!--法庭设置删除对话框-->
                <div class="modal fade bs-example-modal-sm" id="_deleteCourtInfo" tabindex="-1" role="dialog"
                     aria-labelledby="mySmallModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-sm">
                        <div class="modal-content">
                            <div class="modal-body">
                                是否删除？
                            </div>
                            <input type="hidden" value="">
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                <button type="button" class="btn button-cmp" onclick="deleteCourtInfoModal()">删除
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <!--法庭设备编辑对话框-->
                <div class="modal fade bs-example-modal-lg" id="_editEqInfo" tabindex="-1" role="dialog"
                     aria-labelledby="mySmallModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <div class="modal-body">
                                <form class="form-horizontal" role="form" id="_form_eq">
                                    <div class="form-group">
                                        <label for="_court" class="col-md-2 col-xs-4 control-label">所属法院:</label>
                                        <div class="col-md-3 col-xs-12">
                                            <select id="_court" class="form-control _court">
                                                <option>法庭类型</option>
                                            </select>
                                        </div>
                                        <label for="_courtRoom" class="col-md-2 col-xs-4 control-label">所属法庭:</label>
                                        <div class="col-md-3 col-xs-12">
                                            <select id="_courtRoom" class="form-control _courtRoom">
                                                <option>法庭类型</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group channel">
                                        <label for="_devno" class="col-md-2 col-xs-4 control-label">设备编号:</label>
                                        <div class="col-md-3 col-xs-12">
                                            <input type="text" class="form-control _devno" id="_devno"
                                                   placeholder="请输入设备编号">
                                        </div>
                                        <label for="_devname" class="col-md-2 col-xs-4 control-label">设备名称:</label>
                                        <div class="col-md-3 col-xs-12">
                                            <input type="text" class="form-control _devname" id="_devname"
                                                   placeholder="请输入设备名称">
                                        </div>
                                    </div>
                                    <div class="form-group channel">
                                        <label for="_devtype" class="col-md-2 col-xs-4 control-label">设备型号:</label>
                                        <div class="col-md-3 col-xs-12">
                                            <input type="text" class="form-control _devtype" id="_devtype"
                                                   placeholder="请输入设备型号">
                                        </div>
                                        <label for="_devpos" class="col-md-2 col-xs-4 control-label">设备位置:</label>
                                        <div class="col-md-3 col-xs-12">
                                            <input type="text" class="form-control _devpos" id="_devpos"
                                                   placeholder="请输入设备位置">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="_devstatus" class="col-md-2 col-xs-6 control-label">设备状态:</label>
                                        <div class="col-md-3 col-xs-12">
                                            <select id="_devstatus" class="form-control _devstatus" title="">
                                                <option value="1">设备正常</option>
                                                <option value="0">已损坏</option>
                                            </select>
                                        </div>
                                        <label for="_devmemo" class="col-md-2 col-xs-6 control-label">说明:</label>
                                        <div class="col-md-3 col-xs-12">
                                            <input type="text" class="form-control _devmemo" id="_devmemo"
                                                   placeholder="说明">
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="modal-footer">
                                <input type="hidden" value="" id="_uid">
                                <button type="reset" class="btn btn-cmp-distinct" data-dismiss="modal" name="reset">取消
                                </button>
                                <button type="button" class="btn btn-cmp-distinct" onclick="addCourtEquipment()">保存
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <!--法庭设备删除对话框-->
                <div class="modal fade bs-example-modal-sm" id="_deleteEqInfo" tabindex="-1" role="dialog"
                     aria-labelledby="mySmallModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-sm">
                        <div class="modal-content">
                            <div class="modal-body">
                                是否删除？
                            </div>
                            <input type="hidden" value="">
                            <div class="modal-footer">
                                <button type="button" class="btn btn-cmp-distinct" data-dismiss="modal">取消</button>
                                <button type="button" class="btn btn-cmp-distinct" onclick="deleteEqInfoModal()">删除
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- end #content -->

    <!-- begin scroll to top btn -->
    <a href="javascript:;" class="btn btn-icon btn-circle btn-blue btn-scroll-to-top fade" data-click="scroll-top"><i
            class="fa fa-angle-up"></i></a>
    <!-- end scroll to top btn -->
</div>
<!-- ================== BEGIN BASE JS ================== -->
<div th:replace="head :: footer_js(~{::script})">
    <!--&lt;!&ndash; ================== BEGIN PAGE LEVEL JS ================== &ndash;&gt;-->
    <script type="text/javascript"
            th:src="@{/assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js}"></script>
    <script type="text/javascript"
            th:src="@{/assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js}"
            charset="UTF-8"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/bootstrap-table/bootstrap-table.min.js}"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js}"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/bootstrap-paginator/bootstrap-paginator.js}"></script>
    <script th:src="@{/assets/plugins/echart/echarts.js}"></script>
    <!-- ================== END IMPORT JS ================== -->
    <script th:inline="javascript">
        var currentCourtList = [[${currentCourtList}]];
        var courtroomList = [[${courtroomList}]];
    </script>
    <script th:src="@{/assets/js/sys_equipment_management.js}"></script>
    <script>
        $(document).ready(function () {
            App.init();
        });
    </script>
</div>
</body>
</html>